
.page {
  // height: 100vh;
  width: 1200px; // 固定页面宽度
  margin: 0 auto; // 居中显示
  overflow-x: auto; // 允许横向滚动
  white-space: nowrap; // 禁止内容换行
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 和 Edge */
  &::-webkit-scrollbar {
    display: none; /* Chrome 和 Safari */
  }
}

.content {
  position: relative;

  margin: 0px auto;
  padding: 0 200px;
  flex: 1;
  width: 100%;

  .article-card {
    border: 1px solid #f0f0f0; // 添加边框
    border-radius: 8px; // 圆角
      
    height: 100%;
    padding-bottom: 10vh;

    .title {
      text-align: center;
    }
    
    .custom-quill-editor {
      .ql-container {
        border: none !important;
        font-size: 16px;

        height: 100%;
      }
      
      .ql-editor {
        padding: 24px;
        line-height: 1.5 !important; /* 行内行距 */
        // 长单词显示
        word-break: break-all !important;
        -ms-word-break: break-all;
        white-space: normal !important;
        
        
        p {
          margin-bottom: 1.5em !important; /* 段落间距 */
          text-indent: 2em !important; /* 首行缩进 */
        }
      }
    }
    
  }

  .leftBar {
    // position: sticky;
    // position: -webkit-sticky;
    position: relative;
    top: 100px;
    align-self: flex-start;
    margin-right: 3px;
  
    display: flex;
    flex-direction: column;
  
  }


  .rightBar {
    height: 100%;
    overflow-y: auto;
    position: sticky;
    position: -webkit-sticky;
    bottom: 150px;   
    align-self: flex-end;
    margin-left: 3px;
  
    display: flex;
    flex-direction: column;
  }


}


.floatBtn {
  display: flex;
  margin: 1px;
  size: 40px
}





